<%@page pageEncoding="utf-8" %>
<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<link rel="stylesheet" type="text/css" href="css/style.css">
	<script type="text/javascript" src = "js/jquery.js"></script>
	<script type="text/javascript" src = "js/function.js"></script>
	<title>首页</title>
</head>
<body>	
	<!-- 主页面区 -->
	<div class = "main">
		<!-- 顶部图片 -->
		<div class = "topImage">
			<a href="login/register.html">注册</a>
			<a href="login/login.html">登录</a>
		</div>
		<!-- 导航区 -->
		<div class = "navigation">
			 	
		 	<a href="index.html" >首页</a>|
			<a href="news.html" >新闻介绍</a>|
			<a href="world.html" >世界风情</a>|
			<!-- 参团-->
			<a href="vaca.html" >度假主题</a>|
			<a href="friend.html" >旅友游记</a>|
			<a href="aboutus.html" style="margin-right: 320px;">联系我们</a>
			<a href="person.html">个人中心</a>
			<!-- 当没有登入时显示个人登入，当登入时显示个人信息 动态的 -->
			<!-- 登入时出现 -->
			<!-- <span>用户：</span>
			<span style="margin-right: 20px;"></span>  
			<span>等级:</span>
			<span></span> -->

		</div>
		<!-- 主内容区 -->
		<div class = "content">	
			<!-- 图片轮播 -->
			<div class = "picture">
				<img src="image/greatwall.jpg"  class="big" >
				
				<img src="image/japan.jpg" style="margin-left: 10px;" class="f" id="img">
				<img src="image/haerbin.jpg" class="f" id="img">
				<img src="image/fired.jpg" class="f" id="img">
				<img src="image/water.jpg" class="f" id="img">
				<img src="image/greatwall.jpg" class="f no" id="img">
				</div>
			
			<!-- 景区介绍 -->
			<div class = "introduce">
				<p  class="sign">
				景区介绍</p>
				<table>
					<thead>
						<th>当季热门</th>
						<th>特惠景点</th>
						<th >参团游</th>
					</thead>
				</table>
				<div class="great">
					<img src="image/spain.jpg" >
					<p ><span>1.</span>西班牙中世纪街道</p>
					<a href=""><span>2.</span>法国巴黎浪漫之都</a>
					<a href=""><span>3.</span>巴西狂欢派对</a>
					<a href=""><span>4.</span>美国夏威夷风情</a>
				</div>
			</div>
			<!-- 公告 -->
			<div class = "notice">
				<p class="title">新闻</p>
				<div class="news">
					<ul>
						<li><a href="">城市环游比赛开始</a></li>
						<li><a href="">冰凉一夏</a></li>
						<li><a href="">探索奇妙洞穴正式开启</a></li>
						<p class="move">>>></p>
					</ul>
				</div>
				<p class="title">旅友游记<span>爱旅行，更爱分享</span></p>
				<div class="youji">
					<ul>
						<li><a href="">黄石公园的奇幻一夜</a></li>
						<li><a href="">畅玩地中海美景</a></li>
						<li><a href="">身在张家界朦胧仙境中</a></li>
						<p class="move">>>></p>
					</ul>
				</div>
				<p class="title">公告</p>
				<div class="gongao">
					<ul>
						<li><a href="">云游网上线啦！！！</a></li>
						<li><a href="">新增了游记模块！</a></li>
						<li><a href="">雅玛旅游团入住！</a></li>
					</ul>
				</div>
				<div class="aboutus">
				<p>关注我们</p>
					<img src="image/aboutus.jpg">
				</div>
			</div>
		</div>
	</div>
	<div class = "copyright">
	<div class ="link">
	<p class="sign">友情链接</p>
		<a href="https://lvyou.baidu.com/"><img src="image/baidu0.png" value ="1"></a>
	 	<a href="https://www.qunar.com/"><img src="image/qunaer0.png" value="2"></a>
	 	<a href="http://www.tuniu.com/"><img src="image/tuniu0.png" value="3"></a>
	 	<a href="http://www.ctrip.com/"><img src="image/xiecen0.png" value="4"></a>
	</div>
		<p style="text-align: center">史上最强队伍----Cloudy team|盗版必究</p>
		<p style="text-align: center"> [少年自有少年狂，藐昆仑，笑吕梁！]</p>
	</div> 

</body>
</html>